<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
    (中国大陆)</title>
  <link rel="stylesheet" type="text/less" href="./less/index.less">
  <script src="./less/less.js"></script>
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="shortcut icon" href="./image/favicon.ico">
</head>

<body>
  <header>
    <div class="heardr_top">
      <div class="shortcut w">
        <div class="shortcut_left">
          <p>
            <a href="javascript:;">DJI 大疆官网</a>
          </p>
          <ul class="notice">
            <li><a href="javascript:;">满 ¥99 顺丰包邮</a></li>
            <li><a href="javascript:;">热门主机使用花呗，京东白条和招行分期最高可享 3
                期免息</a></li>
            <li><a href="javascript:;">下单即享 1% DJI币返点</a></li>
            <!-- <li>满 ¥99 顺丰包邮</li> -->
          </ul>
        </div>
        <ul class="shortcut_right">
          <li>
            <a href="javascript:;" class="iconfont icongouwuche"></a>
            <span><a href="javascript:;">购物车</a></span>
            <span class="last">0</span>
          </li>
          <li><a href="javascript:;">登录</a></li>
          <li><a href="javascript:;">注册</a></li>
          <li><a href="javascript:;">中国大陆(简体中文/￥CNY)</a></li>
        </ul>
      </div>
    </div>
    <div class="header_bottom ">
      <div class="w">
        <div class="nav">
          <div><span class="iconfont icondji-logo"></span><span>商城</span></div>
          <ul>
            <li><a href="javascript:;">商品分类<span class="iconfont iconxiajiantou"></span></a></li>
            <li><a href="javascript:;">以旧换新</a></li>
            <li><a href="javascript:;">购机指南</a></li>
            <li><a href="">DJI 大疆商城 APP</a></li>
          </ul>
        </div>
        <form action="#" class="search">
          <input type="text" placeholder="搜索商品...">
          <button type="submit">
            <span class="iconfont iconsousuo"></span>
          </button>
        </form>
      </div>
    </div>
  </header>
  <!-- 导航商品 -->
  <ul class="nav_items w">
    <!-- <li>
          <a href="javascript:;">
            <div><img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg">
            </div>
            <span>御 Mavic</span>
          </a>
        </li> -->
  </ul>
  <!-- 轮播图 -->
  <div class="swiper">
    <div class="img_wrap">
      <!-- <a href="javascipt:;">
        <div style="background-image: url('../image/banner2.jpg');"></div>
      </a> -->
    </div>
    <div class="pre"></div>
    <div class="next"></div>
    <ul class="node">
      <!-- <li class="active">1</li>
      <li>2</li>
      <li>3</li> -->
    </ul>
  </div>
  <main>
    <!-- 推荐商品 -->
    <div class="recom w">
      <!-- <a class="recom_items">
        <div class="pic">
          <img class="img_now1"
            src="https://stormsend1.djicdn.com/stormsend/uploads/3bdc20dc3ff429a75cc10a3d6d9e2d9a.png" alt="">
          <img class="img_now2"
            src="https://stormsend1.djicdn.com/stormsend/uploads/379a6fc31f016bcd7ce5d28df26d99ea.png" alt="">
          <img class="img_hover"
            src="https://stormsend1.djicdn.com/stormsend/uploads/47d474d01c89d1536cf03744b28a6933.png" alt="">
        </div>
        <p class="recom_items_title">DJI FPV 套装</p>
        <p class="recom_items_content">沉浸式飞行体验 · 4K/60fps超广角拍摄 · 全新运动模式</p>
        <p class="recom_items_description">DJI FPV， 将飞行想象变成现实，全新沉浸式驾控让你化身飞行员，像驾车般流畅自如地驾驭飞行，轻而易举实现心中所想，见所未见。</p>
        <p class="recom_items_price">￥<span>7999</span></p>
      </a> -->
    </div>
    <!-- service 部分 -->
    <div class="service w">
      <a class="service_care">
        <img alt="">
        <p>DJI Care 随心续享 <br> 商城专属，双重保障</p>
      </a>
      <a class="service_change">
        <img alt="">
        <p>DJI 以旧换新 <br> 闲置电子设备，抵价换新机</p>
      </a>
    </div>

    <!-- 御 Mavic 部分 -->
    <div class="mavic w">
      <div class="mavic_head">
        <p class="mavic_head_left">御 Mavic</p>
        <div class="mavic_head_right"><a href="javascript:;">更多></a></div>
      </div>
      <div class="mavic_body">
        <a href="./detail.html" class="mavic_body_left">
          <div>
            <div class="bg"
              style="background-image: url('https://stormsend1.djicdn.com/stormsend/uploads/bb3757c035de90f760ca73b8c69cd663.png');">
            </div>
          </div>
          <div>
            <h3>DJI MINI 2</h3>
            <p class="des">
              小巧但性能犀利，可拍摄4K视频，实现4倍变焦，最远10公里控制距离。一键短片、一键全景，一键直出大片。智能易用，航拍轻而易举。
            </p>
            <p class="price">￥<span>2899</span></p>
          </div>
        </a>
        <video autoplay loop muted
          poster="https://stormsend1.djicdn.com/stormsend/uploads/dea08c26be64fd58d54c71c647206001.jpg"
          src="https://stormsend1.djicdn.com/stormsend/uploads/bdeb2840ffcc01384f79787b8ab113e3.mp4"
          class="mavic_body_right"></video>
      </div>
      <ul class="mavic_list">
        <!-- <li>
          <div class="introduce">
            <img src="https://product1.djicdn.com/uploads/spu/hover/03cf5b56f0c3520e87bf21ada53aac9a@origin.jpg" alt="">
            <p>可拍摄 8K 延时影片，4K/60fps 视频，4800 万像素照片。拥有最长 34 分钟续航，最远 10 公里图传距离，焦点跟随功能，支持自行避障。"</p>
          </div>
          <div class="mavic_list_bg"></div>
          <h3 class="mavic_list_title">御 Mavic Air 2</h3>
          <p class="mavic_list_price">￥<span>3999</span></p>
        </li> -->
      </ul>
    </div>
  </main>


  <!-- 底部部分 -->
  <footer>
    <!-- 四个服务部分 -->
    <div class="footer_service w">
      <div>
        <img src="./image/truck-moving.svg" alt="">
        <p>全场满 ¥99 顺丰包邮<br>
          （顺丰无法配送的区域将使用 EMS）</p>
      </div>
      <div>
        <img src="./image/credit-card.svg" alt="">
        <p>支持支付宝、微信、银联、银行转账<br>
          支持花呗、京东白条和招行分期</p>
      </div>
      <div>
        <img src="./image/comment-alt-smile.svg" alt="">
        <p class="email">邮箱：<a href="javascript:;">support@dji.com</a></p>
      </div>
      <div>
        <img src="./image/newGovIcon.gif" alt="">
      </div>
    </div>

    <div class="footer_links w">
      <dl>
        <dt>商城热卖</dt>
        <dd><a href="javascript::">"御" Mavic</a></dd>
        <dd><a href="javascript::">"晓" Spark</a></dd>
        <dd><a href="javascript::">精灵 Phantom</a></dd>
        <dd><a href="javascript::">灵眸 Osmo</a></dd>
        <dd><a href="javascript::">"悟" Inspire</a></dd>
        <dd><a href="javascript::">如影 Ronin</a></dd>
      </dl>
      <dl>
        <dt>购买指南</dt>
        <dd><a href="javascript:;">支付方式</a></dd>
        <dd><a href="javascript:;">订单帮助</a></dd>
        <dd><a href="javascript:;">发货和物流</a></dd>
        <dd><a href="javascript:;">退换货条款</a></dd>
        <dd><a href="javascript:;">技术支持</a></dd>
        <dd><a href="javascript:;">售后服务政策</a></dd>
        <dd><a href="javascript:;">DJI币返利计划</a></dd>
      </dl>
      <dl>
        <dt>商城项目</dt>
        <dd><a href="javascript:;">以旧换新</a></dd>
        <dd><a href="javascript:;">DJI大疆商城App</a></dd>
      </dl>
      <dl>
        <dt>社区</dt>
        <dd><a href="javascript:;">天空之城</a></dd>
        <dd><a href="javascript:;">DJI大疆社区</a></dd>
        <dd><a href="javascript:;">购机指南</a></dd>
      </dl>
      <dl>
        <dt>订阅</dt>
        <dd class="dingyue">第一时间了解我们的促销活动、热销产品和最新信息。</dd>
        <form action="javascript:;">
          <input type="text" placeholder="请输入您的邮箱">
          <button type="submit">></button>
        </form>
      </dl>
    </div>

    <div class="footer_copyright w">
      <div class="head">
        <div class="head_left">
          <i class="logo iconfont icondji-logo"></i>
          <ul>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">招聘精英</a></li>
            <li><a href="javascript:;">官方旗舰店</a></li>
          </ul>
        </div>
        <div class="head_right">
          <a href="javascript:;"><i class="iconfont iconyouku"></i></a>
          <a href="javascript:;"><i class="iconfont iconweibo"></i></a>
          <a href="javascript:;"><i class="iconfont iconweixin"></i></a>
        </div>
      </div>
      <div class="foot">
        <div class="foot_left">
          <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
          <a href="javascript:;">隐私权政策 <i>·</i></a>
          <a href="javascript:;">使用条款<i>·</i></a>
          <a href="javascript:;">粤ICP备12032134号-11<i>·</i></a>
          <a href="javascript:;">营业执照<i>·</i></a>
          <a href="javascript:;">网站地图</a>
        </div>
        <div class="foot_right">
          <span>网站问题反馈？ <a href="javascript:;">点击这里</a></span>
        </div>
      </div>
    </div>

  </footer>


  <!-- 返回顶部 -->
  <div class="toTop"><i class="iconfont iconshangjiantou"></i></div>

  <!-- 客服 -->
  <div class="kefu">
    <i class="iconfont iconkefu"></i>
  </div>




  <script src="./js/utils.js"></script>
  <script src="./data/data-index.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>